<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>霓虹运</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="css/manage.css" rel="stylesheet">
</head>
<body>
	<!-- Header -->
    <div id="header">
    	<div class="header-top">
    		<div class="header-content">
    			<a href="javascript:;" alt="返回首页">[返回首页]</a>
    			<ul>
    				<li>
    					<img src="images/user-logined.png" alt="">
    					<a href="javascript:;">马文丞</a>您好 ， 欢迎来到霓虹运！
    				</li>
    				<li class="my-account"><a href="javascript:;">[安全退出]</a></li>
    				<li class="help-center"><a href="javascript:;">[修改密码]</a></li>
    			</ul>
    		</div>
    	</div>
    	<div class="header-bottom">
    		<div class="header-content">
    			<img src="images/logo.png" alt="">
    		</div>
    	</div>
 	</div>
	<div id="nav">
		<div class="nav-content">
			<ul>
				<li class="focus">
					<a href="javascript">客户中心</a>|
					<div class="arrow"></div>			
				</li>
				<li>
					<a href="javascript">我的转运</a>|
					<div class="arrow hide"></div>			
				</li>
				<li>
					<a href="javascript">客服中心</a>
					<div class="arrow hide"></div>			
				</li>
			</ul>
		</div>
	</div>

	<div id="menu" class="content">
		<ul>
			<li class="selected"><a href="javascript:;">首页</a></li>
			<li><a href="javascript:;">个人资料管理</a></li>
			<li><a href="javascript:;">转运业务价格</a></li>
			<li><a href="javascript:;">我的积分</a></li>
			<li><a href="javascript:;">我的抵扣券</a></li>
			<li><a href="javascript:;">消费明细</a></li>
			<li><a href="javascript:;">账户充值</a></li>
			<li><a href="javascript:;">收件人管理</a></li>
			<li><a href="javascript:;">发件人管理</a></li>
			<li><a href="javascript:;">邀请好友</a></li>
		</ul>
	</div>

	<div id="personal-manage" class="content">
		<p class="grey manage-title">个人资料管理</p>
		<div class="manage-content">
			<div><label>用户名：</label>danel@rebatesme.com</div>
			<div><label>客户编码：</label>NGOMKOS</div>
			<div><label>邮件地址：</label>danel@rebateme.com</div>
			<div><label>中文名：</label>
				<input type="text" id="cn-name">
			</div>
			<div><label>英文名：</label>
				<input type="text" id="en-name">
			</div>
			<div><label>省/直辖市：</label>
				<select type="select" id="province"></select>
				<label for="" id="city-select">城市</label>
				<select type="select" id="city"></select>
				<label for="" id="country-select">区县</label>
				<select type="select" id="county"></select>
			</div>
			<div><label>收货地址：</label>
				<input type="text" id="address">
			</div>
			<div><label>邮编：</label>
				<input type="text" id="mail-num">
			</div>
			<div><label>手机号码：</label>
				<input type="text" id="phoneNum">
			</div>
			<div><label>QQ：</label>
				<input type="text" id="qq">
			</div>
			<div><label>MSN：</label>
				<input type="text" id="msn">
			</div>
			<p id="submit">提交</p>
		</div>
	</div>

    <div id="coperation">
    	<ul>
    		<li>合作伙伴 ></li>
    		<li><img src="images/adv1.png" alt=""></li>
    		<li><img src="images/adv2.png" alt=""></li>
    		<li><img src="images/adv3.png" alt=""></li>
    		<li class="adv4"><img src="images/adv4.png" alt=""></li>
    		<li><img src="images/adv5.png" alt=""></li>
    		<li><img src="images/adv6.png" alt=""></li>
    	</ul>
    </div>
	<!-- Footer -->
    <div id="footer">
    	<div class="footer-content">
	    	<ul>
    			<li><a href="javascript">关于我们</a></li>
    			<li><a href="javascript">联系我们</a></li>
    			<li><a href="javascript">免责声明</a></li>
    			<li><a href="javascript">隐私政策</a></li>
    			<li><a href="javascript">服务条款</a></li>
    			<li><a href="javascript">版权所有</a></li>
    			<li><a href="javascript">补传身份信息</a></li>
	    	</ul>
    	</div>
		<p id="copyright">Copyright©2016  霓虹转运 nihongyun.com 版权所有｜沪ICP备 15033187</p>
		<p>推荐使用Google Chrome和IE10以上版本浏览器访问本站</p>
    </div>
</body>
</html>